﻿<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="apple-itunes-app" content="app-id=591578609">
<meta name="viewport" content="width=device-width"/>
<meta name="description" content="德瑞姆网校" />
<meta name="keywords" content="德瑞姆网校、心理学、考试"/>


<link href="images/favicon.ico" type="image/x-icon" rel="shortcut icon" />
<!--[if IE 7]>
<link rel="stylesheet" href="/css/font-awesome/css/font-awesome-ie7.min.css">
<![endif]-->

<title>德瑞姆教育</title>
<style type="text/css">

body {
	font-family:'微软雅黑', arial;
	margin:0;
	padding:0;
	background-color:#FFF;
	font-size:12px;
	color:#3e3a39;
	line-height:24px;
	padding-top:46px;
}

a {
	color:#111;
	text-decoration:none;
}

ul, li {
	list-style-type: none;
}

/* 新增CSS*/

.lidiv {
	width:100%;
	min-height:35px;
	height:auto;
	max-height:200px;
	line-height:20px;
	padding-left:5px;
	overflow:hidden;
}
.lidiv a {
	display:block;
	position:relative;
	float:left;
	min-width:34px;
	width:auto;
}
.agencylogin {
	position:relative;
	float:left;
	left:25%;
	width:80px;
	height:30px;
	background-color:#159E6B;
	color:#FFF;
	font-size:16px;
	line-height:30px;
	border-radius:2px;
}
.agencyhide {
	position:relative;
	float:left;
	left:30%;
	width:80px;
	height:30px;
	background-color:#F5F5F5;
	color:#666;
	font-size:14px;
	line-height:30px;
	border-radius:2px;
}
/* END新增CSS*/

/* 原有CSS*/
.index_infor {
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative;
	background-color:#FFF;
}

.web_bottom {
	width:100%;
	height:300px;
	background-color:#4B4B4B;
}

.web_botdiv {
	width:1000px;
	height:298px;
	margin:0 auto;
}

.web_bot00 {
	width:2px;
	height:190px;
	position:relative;
	float:left;
	top:30px;
	background-image:url(images/ban.png);
	background-repeat:nono-repeat;
}

.web_botdiv01 {
	width:300px;
	height:150px;
	position:relative;
	float:left;
	font-size:30px;
	color:#FFF;
	line-height:40px;
	font-weight:bold;
	padding-top:30px;
}
.web_botdiv02 {
	width:150px;
	height:auto;
	position:relative;
	float:left;
	padding-top:30px;
}
.web_botdiv02 ul {
	width:145px;
	height:auto;
	text-align:center;
}
.web_botdiv02 li {
	width:145px;
	height:auto;
	text-align:center;
	font-size:12px;
	font-weight:0;
	color:#FFF;
	line-height:25px;
}
.web_botdiv02 a {
	color:#FFF;
}
.web_botdiv03 {
	width:180px;
	height:auto;
	position:relative;
	float:left;
	padding-top:30px;
}
.web_botdiv03 ul {
	width:175px;
	height:auto;
	text-align:center;
}
.web_botdiv03 a {
	color:#FFF;
}
.web_botdiv03 li {
	width:175px;
	text-align:center;
	font-size:12px;
	font-weight:0;
	color:#FFF;
	line-height:25px;
}

.loginbdiv {
	display:none;
	position:fixed;
	top:200px;
	left:40%;
	width:400px;
	height:250px;
	background-color:#FFF;
	border:5px solid #AAA;
	z-index:100;
}

.loginbtitle {
	width:100%;
	height:30px;
	background-color:#F7F7F7;
	line-height:30px;
	text-align:left;
	text-indent:1em;
	margin-bottom:20px;
}
.loginbb {
	width:100%;
	height:40px;
	line-height:40px;
	text-align:left;
	text-indent:2em;
	margin-top:10px;
}
.loginbb input {
	width:200px;
	height:22px;
}
.banimg {
	width:1000px;
	height:95px;
	margin:0 auto;
}

/* END原有CSS*/
</style>
</head>
<body>
<div class="index_infor" style="padding-top:10px;">
	<div class="web_bottom">
		<div class="web_botdiv">
			<div class="web_botdiv01"> 德瑞姆心理教育
				<p style="font-size:25px;font-weight:100;">400-997-0808</p>
			</div>
				<div class="web_bot00"> </div>
			<div class="web_botdiv02">
				<ul>
					<li style="font-size:18px;line-height:40px;"> 入学指南 </li>
					<li><a href="#">如何注册</a> </li>
					<li><a href="#">缴费流程</a> </li>
					<li><a href="#">如何学习</a> </li>
					<li><a href="#">心理论坛</a> </li>
					<li><a href="#">知识管理</a> </li>
					<li><a href="#">互助答疑</a> </li>
				</ul>
			</div>
			<div class="web_bot00"> </div>
			<div class="web_botdiv03">
				<ul>
					<li style="font-size:18px;line-height:40px;"> 售后服务 </li>
					<li><a href="#">如何开发票</a> </li>
					<li><a href="#">找回用户名和密码</a> </li>
					<li><a href="#">如何退款</a> </li>
					<li><a href="#">视频课程播放卡顿情况</a> </li>
				</ul>
			</div>
			<div class="web_bot00"> </div>
			<div class="web_botdiv02">
				<ul>
					<li style="font-size:18px;line-height:40px;"> 各地分校 </li>
					<li><a href="#">北京分校</a> </li>
					<li><a href="#">上海分校</a> </li>
					<li><a href="#">广州分校</a> </li>
					<li><a href="#">杭州分校</a> </li>
				</ul>
			</div>
			<div class="web_bot00"> </div>
			
			<!--各地学习中心-->
			<div class="web_botdiv03">
				<ul>
					<li style="font-size:18px;line-height:40px;"> 各地学习中心 </li>
					<li class="lidiv" id="agencyli01" style="display:block;"> <a href="#">北京</a> <a href="#">天津</a> <a href="#">上海</a> <a href="#">江苏</a> <a href="#">浙江</a> <a href="#">山东</a> <a href="#">江西</a> <a href="#">安徽</a> <a href="#">福建</a> <a href="#">广东</a> <a href="#">深圳</a> <a href="#">吉林</a> <a href="#">辽宁</a> <a href="#">广西</a> <a href="#">山西</a> <a href="#">河南</a> <a href="#">河北</a> <a href="#">湖南</a> <a href="#">湖北</a> <a href="#">四川</a> <a href="#">重庆</a> <a href="#">新疆</a> <a href="#">陕西</a> <a href="#">宁夏</a> <a href="#">西藏</a> <a href="#">海南</a> <a href="#">台湾</a> <a href="#">云南</a> <a href="#">贵州</a> <a href="#">黑龙江</a> <a href="#">青海</a> <a href="#">甘肃</a> <a href="#">内蒙古</a>
						<div style="clear:both;"> </div>
					</li>
					<li class="lidiv" id="agencyli02" style="display:none;"> <a href="#">北京</a> <a href="#">天津</a> <a href="#">上海</a> <a href="#">江苏</a> <a href="#">浙江</a> <a href="#">山东</a> <a href="#">江西</a> <a href="#">安徽</a> <a href="#">福建</a> <a href="#">广东</a> <a href="#">深圳</a> <a href="#">吉林</a> <a href="#">辽宁</a> <a href="#">广西</a> <a href="#">山西</a>
						<div style="clear:both;"> </div>
					</li>
					<p> <a href="javascript:void(0)" style="padding-left:5px;font-size:10px;color:#DDCCBB;" onClick="changediv()"  >换一批 </a> <a href="#" style="color:#8CBDEF;float:right;" onClick="agencylogin()">代理商登录</a> </p>
				</ul>
			</div>
			
			<!--END各地学习中心-->
		</div>
	</div>
</div>
<!--登录框-->
<div id="agencylogin" class="loginbdiv" style="height:250px;width:330px;display:none;">
	<div class="loginbtitle"> <a href="#" onclick="agendivhide()"> <span style="float:right;margin-right:2px;"> <img src="images\closew.png"></span></a> 请使用代理商账户登录</div>
	<div class="loginbb"> 用户名：
		<input type="text">
	</div>
	<div class="loginbb"> 密&nbsp;&nbsp;&nbsp;码：
		<input type="text">
	</div>
	<div class="loginbb" style="heigth:20px;line-height:20px;text-indent:78px;">如若忘记密码，请咨询相关工作人员 </div>
	<div class="loginbb"> <a href="#">
		<div class="agencylogin"> 登录 </div>
		</a> <a href="#" onclick="agendivhide()">
		<div class="agencyhide">取消</div>
		</a> </div>
</div>
<!--END 登录框-->
<script type="text/jscript">

<!--换一批-->
function changediv(){  
    var m1=document.getElementById('agencyli01');   
    var m2=document.getElementById('agencyli02');  
    if(m1.style.display=='block'){  
       m1.style.display='none';     
       m2.style.display='block';   
   }else { 
       m1.style.display='block';
	   m2.style.display='none';}
	   }
	   

<!--show 登录-->
function agencylogin(){  
    document.getElementById('agencylogin').style.display='block';
}
<!--hide 登录-->
function agendivhide(){  
    document.getElementById('agencylogin').style.display='none';
}

	   
</script>
</body>
</html>